@charset "utf-8";
/* CSS Document */

/* color del fondo */
.bg-gradient-primary {
    background-color: #f6c23e!important;
    background-image: linear-gradient(180deg,#f6c23e 10%,#ffc107 100%)!important;
    background-size: cover!important;
}


/* oculta bordes de tabla  */

.ocultar-bordes {
	border-left:hidden!important;
	border-top:hidden!important;
	border-right:hidden!important;
}


/* formato de los iconos ver edit y delete  */

.btn-icon {
	font-size:0.7rem!important;
	border: 1px solid transparent!important;
}



/*para alinear izq y der en misma linea */
.alinearizq {
    float: left;
}
.alinearder {
    float: right;
}


/*para centrar un div horizontal */
.centrado-h {
	display: flex!important;
  	justify-content: center!important;
 
}

/*para centrar un div horizontal */
.centrado-hv {
	display: flex!important;
  	justify-content: center!important;
 	align-items: center!important;
}

/* altura de los select */
.bootstrap-select>.dropdown-toggle {
	height:31px!important;
	padding-bottom: 2px!important;
}

/* para los titulos de los input, select */
.titulos-form {
    color: #6C95D2!important;
    position: absolute!important;
    margin-top: -3px!important;
}

.titulos-form-disable {
    color: #CCC!important;
    position: absolute!important;
    margin-top: -3px!important;
}


/* para el alto de los input */
.form-control{
	height:2.62rem!important;
	/*height:2.10rem!important;*/
}

/* para el alto de los textarea */
.form-control-texarea{
	/*height:2.62rem!important;*/
	height:3.10rem!important;
}

/*posiciona icono en input */

.input-filtro {
    padding-left: 2.375rem;
}

.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


/*para boton con borde abajo y fondo*/
/* este para los botones de la vista de la venta */
.border-bottom-custom-venta {
    border-bottom: 0.15rem solid #9AB6E9!important;
	border:hidden;
	background-color:#f4f8ff!important;
	padding:7px;
}

.border-bottom-custom {
    border-bottom: 0.15rem solid #9AB6E9!important;
	border:hidden;
	background-color:#F8F8F8!important;
}
.border-bottom-custom-disable {
    border-bottom: 0.15rem solid  #CCC!important;
	border:hidden;
	background-color: #D5E4EE!important;
}



/* -- css para select2 --  */

.select2-container--default .select2-selection--single {
	
	border-top:hidden!important;
	border-left:hidden!important;
	border-right:hidden!important;
	background-color:#F8F8F8!important;
   /* border: 1px solid #F8F8F8;*/
	border-bottom: 0.25rem solid #9AB6E9!important;
    border-radius: 4px;
	/*border-color:#FFF!important;*/	
	/*border:none!important;*/
	height:38px!important;
	padding-top: 6px!important;
	color:#333!important;
	/*border-bottom: 2px solid #e2e2e2!important;*/
	box-shadow:none!important;
	/*width: 100%!important;*/
	
	/*max-width:190px!important;*/
}

.select2-selection__rendered{
	color:#8c8b8b!important;
}

.select2-container--default .select2-selection--multiple {
	
    border-top:hidden!important;
	border-left:hidden!important;
	border-right:hidden!important;
	background-color:#F8F8F8!important;
   /* border: 1px solid #F8F8F8;*/
	border-bottom: 0.25rem solid #9AB6E9!important;
    border-radius: 4px;
	/*border-color:#FFF!important;*/	
	/*border:none!important;*/
	height:38px!important;
	padding-top: 8px!important;
	/*border-bottom: 2px solid #e2e2e2!important;*/
	box-shadow:none!important;
	/*width: 100%!important;*/
	
	/*max-width:190px!important;*/
}

.select2-dropdown {
    background-color: white;
   border: 1px solid #CCC;
    border-radius: 4px;
   box-sizing: border-box;
    display: block!important;
 	position:relative!important;
    /*left: -100000px;*/
    /*width: 100%!important;*/
	/*max-width:100%!important;*/
    z-index: 1051;
}

/* -- fin css para select2 --  */

/* -- formato css para los input file -- */

.file-select {
  position: relative;
  display: inline-block;
}

.file-select::before {
	width:100%;
  background-color: #5678EF;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  /*width: 200px;*/
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Upload Imagen';
}

#src-file2::before {
  content: 'Upload Imagen';
}

#src-file3::before {
  content: 'Upload Imagen';
}

.importeSize {
	font-size:0.8rem!important;
	
}

/* -- color botones -- */

.btn-user {
  background-color: #C0A034!important;
  border-color:#C0A034!important;
}

/* -- color texto sidebar -- */
.sidebar .nav-item .nav-link span {
    color:lightslategrey!important;
}

/* -- color icon sidebar -- */
.ico-sidebar {
    color:#408080!important;
}

/* -- color botones opciones -- */
.btn-opcion  {
  background-color: #C0A034!important;
  border-color:#C0A034!important;
}

/*
.custom-checkbox {
    /*appearance: none;
    width: 2rem;
    height: 2rem;
    border-radius: 10%;
    background-color:#F63;
}
.custom-checkbox:checked {
   /* width: 2rem;
    height: 2rem;
    border-radius: 10%;
    background-color:#0C6;
}
*/
/* para diseñar checkbox ************************************/
/* *************** para el check de las tablas tipo calendario*********/

/* fondo gris*/ 
.customcheck {
    display: block;
    position: relative;
   /* padding-left: 35px;*/
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    /* left: 0; */
    width: 1.5rem;
    height: 1.5rem;
    background-color: #d0ddd5;
    border-radius: .3rem;
}
/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #02cf32;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
   /* position: absolute;*/
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
  left: 9px;
    top: 6px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-top: 5px;
}

/* fondo blanco*/ 
.customcheck1 {
    display: block;
    position:absolute;
   /* padding-left: 35px;
    margin-bottom: 12px;*/
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */

.checkmark1 {
    position: absolute;
    top: 0;
    /* left: 0; */
    width: 1.5rem;
    height: 1.5rem;
    background-color: #FFF;
    border-radius: .3rem;	
    border-style: solid;
    border-color: #edd2d2;
	border-width:thin;

}
/* On mouse-over, add a grey background color */
.customcheck1:hover input ~ .checkmark1 {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck1 input:checked ~ .checkmark1 {
    background-color: #02cf32;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark1:after {
    content: "";
   /* position: absolute;*/
    display: none;
}

/* Show the checkmark when checked */
.customcheck1 input:checked ~ .checkmark1:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck1 .checkmark1:after {
  left: 9px;
    top: 6px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-top: 5px;
}

/***** fin grilla ***/




/******************* para el check de campo de verificacion************************/
  /* Hide the default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;

}
 /* Create a custom checkbox */

.custom-checkbox .checkmark {
    position: relative;
    display: inline-block;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #edeef5;
    border: 1px solid #b9b2b2;
    border-radius: 5px;
	margin:10px;
	vertical-align: middle;
}

/* Create the checkmark */

.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/*

/* Show the checkmark when the checkbox is checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Change the background color when the checkbox is checked */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #4CAF50;
  border-radius: 5px;
 /* border: solid #CCC;*/
}


/*
input[type='checkbox'] {
    accent-color: red;
}

*/

/* fin diseñar checkbox */

/******************* para el radio de campo de opcion************************/
  /* Hide the default checkbox */
.custom-radio input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;

}
 /* Create a custom radio */

.custom-radio .checkmark1 {
    position: relative;
    display: inline-block;
    left: 0;
    height: 25px;
    width: 25px;
    background-color:#edeef5;
    border: 1px solid #b9b2b2;
    border-radius: 50%;
	margin:10px;
	vertical-align: middle;
}

/* Create the checkmark */

.custom-radio .checkmark1:after {
    content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/*

/* Show the checkmark when the checkbox is checked */
.custom-radio input:checked ~ .checkmark1:after {
  display: block;
}

/* Change the background color when the checkbox is checked */
.custom-radio input:checked ~ .checkmark1 {
  background-color:#09F;
  border-radius: 50%;
  /*border: solid #CCC;*/
}

/* fin edicion radio option */


/* ************* otra forma de editar checkbox ************* */


.custom-checkbox-lg .custom-control-label::before,
.custom-checkbox-lg .custom-control-label::after {
  width: 1.5rem;
  height: 1.5rem;
  /*background-color:#fff;
  border-radius:.3rem;*/
}





/* *********** fin ************ */